<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
};
</script>
<style>
#app .theme-picker {
  //display: none;
}
//弹框相关公共样式

.el-dialog__header {
  width: 759px;
  height: 45px;
  background: #F8F8F8;
  opacity: 1;
}

.el-dialog {
  width: 759px;
  height: auto;
  box-shadow: 4px 8px 10px 1px rgba(86, 86, 86, 0.07);
  box-sizing: border-box;
  border-radius: 6px 6px 6px 6px;
  opacity: 1;
  border: 1px solid #F8F8F8;
}

.el-dialog__close {
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  font-weight: 700;
  font-size: 30px;

}

.amap-layer {
  width: 411px;
  height: 227px;
  //background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
}

.el-button--primary {
  background: #409EFF;
  //border-radius: 8px 8px 8px 8px;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}

.el-button--default {
  margin-left: 30px !important;
  background: #FFFFFF;
  //border-radius: 8px 8px 8px 8px;
  opacity: 1;
  border: 1px solid #707070;
  font-size: 12px;
  font-weight: 400;
  color: #3B3B3B
}

.el-input__inner {
  padding-left: 10px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
}


.el-form-item__label {
  width: 130px!important;
  //font-size: 14px;
  font-weight: 500;
  color: #414141;
}

.el-checkbox-group {
  margin-left: 20px;

}
</style>
